<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./CSS/蓝铅笔-commer.css">
    <link rel="stylesheet" href="./CSS/蓝铅笔footer.css">
     <link rel="stylesheet" href="./CSS/蓝铅笔-head.css">
     <link rel="stylesheet" href="./CSS/normalize.css">
     <link rel="stylesheet" href="./font/蓝铅笔-网校.font/iconfont.css">
     <link rel="stylesheet" href="./CSS/蓝铅笔首页.css">
     <link rel="stylesheet" href="./CSS/蓝铅笔-网校.css">
</head>
<body>
    <div class="header-box">
        <div class="header">
            <div class="header-heart">
                <div class="logo"><img src="./蓝铅笔漫步images/logo.png" alt=""></div>
                <div class="nav">
                    <div class="nav-heart">
                    <ul class="nav-ul">
                        <li class="nav-ul-li">
                            <a href="#">
                                首页
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                网校
                                <img src="./蓝铅笔漫步images/hot.png" alt="">
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                教程区
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                大触来了
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                每日一画
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                问答社区
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                商业订单
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                                素材下载
                            </a>
                        </li>
                        <li class="nav-ul-li">
                            <a href="#">
                              APP下载
                            </a>
                        </li>
                    </ul>
                    </div>
                    <div class="bth">
                        <input type="text" name="username" id="username" placeholder="绘画教程" autocomplete="off">
                        <i class="iconfont icon-sousuo"></i>
                    </div>
                </div>
                <div class="login">
                    <div class="login-img">
                        <a href="#">
                            <img src="./蓝铅笔漫步images/1.png" alt="">
                        </a>
                    </div>
                    
                    <a href="#">登录</a>
                    <span>|</span>
                    <a href="#">注册</a>
                </div>
            </div>
        </div>
       </div>   
       <div class="introduce">
        <div class="introduce-heart">
            <ul class="introduce-heart-ul">
                <li class="introduce-heart-ul-li">
                    <a href="#">
                        <img src="./蓝铅笔漫步images/68.png" alt="">
                    </a>
                </li>
                <li class="introduce-heart-ul-li">
                    <a href="#">
                        <img src="./蓝铅笔漫步images/70.png" alt="">
                    </a>
                </li>
                <li class="introduce-heart-ul-li">
                    <a href="#">
                        <img src="./蓝铅笔漫步images/72.png" alt="">
                    </a>
                </li>
                <li class="introduce-heart-ul-li">
                    <a href="#">
                        <img src="./蓝铅笔漫步images/69.png" alt="">
                    </a>
                </li>
                <li class="introduce-heart-ul-li">
                    <a href="#">
                        <img src="./蓝铅笔漫步images/71.png" alt="">
                    </a>
                </li>
                <li class="introduce-heart-ul-li">
                    <a href="#">
                        <img src="./蓝铅笔漫步images/73.png" alt="">
                    </a>
                </li>
            </ul>
        </div>
       </div>
       <div class="adv">
         <a href="#"><img src="./蓝铅笔漫步images/74.png" alt=""></a>
       </div>
       <div class="navigation">
        <div class="navigation-heart">
            <div class="navigation-heart-top">
                <ul class="navigation-heart-ul">
                    <li class="navigation-heart-ul-li">
                        <a href="#">全部</a>
                    </li>
                    <li class="navigation-heart-ul-li">
                        <a href="#">热门推荐</a>
                        <img src="./蓝铅笔漫步images/hot.png" alt="">
                    </li>
                    <li class="navigation-heart-ul-li">
                        <a href="#">动漫绘画</a>
                    </li>
                    <li class="navigation-heart-ul-li">
                        <a href="#">原画|古风</a>
                    </li>
                    <li class="navigation-heart-ul-li">
                        <a href="#">iPad插画</a>
                    </li>
                    <li class="navigation-heart-ul-li">
                        <a href="#">基础入门</a>
                    </li>
                    <li class="navigation-heart-ul-li">
                        <a href="#">职业提升</a>
                    </li>
                    <li class="navigation-heart-ul-li">
                        <a href="#">直播课</a>
                    </li>
                    <li class="navigation-heart-ul-li">
                        <a href="#">录播课</a>
                    </li>
                </ul>
            </div>
            <div class="navigation-heart-content">
                <div class="specialized-bottom">
                    <ul class="specialized-bottom-ul">
                        <li class="specialized-bottom-ul-li">
                            <div class="specialized-img">
                                <img src="./蓝铅笔漫步images/24.jpg" alt="">
                            </div>
                            <h5> <img src="./蓝铅笔漫步images/26.png" alt=""> [陪学陪练]每日1画·成长营</h5>
                            <div class="characteravatars">
                              <img src="./蓝铅笔漫步images/42.jpg" alt="">
                              <img src="./蓝铅笔漫步images/153.png" alt="">
                              <span>肥皂君</span>
                            </div>
                            <div class="student">
                                <div class="student-left">
                                    <span>学习周期：12个月</span>
                                </div>
                                <div class="student-right">
                                    <em>117001</em>
                                    <span>人感兴趣</span>
                                </div>
                            </div>
                            <div class="direction">
                                <span>就业方向:</span>
                                <a href="#"><i class="iconfont icon-huo"></i> 二次元原画</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 美宣画师</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 自由插画师</a>
                            </div>
                        </li>
                        <li class="specialized-bottom-ul-li">
                            <div class="specialized-img">
                                <img src="./蓝铅笔漫步images/28.png" alt="">
                            </div>
                            <h5> <img src="./蓝铅笔漫步images/26.png" alt=""> 二次元少女立绘班[晓简Jane]</h5>
                            <div class="characteravatars">
                                <img src="./蓝铅笔漫步images/42.jpg" alt="">
                                <img src="./蓝铅笔漫步images/153.png" alt="">
                                <span>肥皂君</span>
                              </div>
                            <div class="student">
                                <div class="student-left">
                                    <span>学习周期：3个月</span>
                                </div>
                                <div class="student-right">
                                    <em>812050</em>
                                    <span>人感兴趣</span>
                                </div>
                            </div>
                            <div class="direction">
                                <span>就业方向:</span>
                                <a href="#"><i class="iconfont icon-huo"></i> 二次元原画</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 美宣画师</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 立绘画师</a>
                            </div>
                        </li>
                        <li class="specialized-bottom-ul-li">
                            <div class="specialized-img">
                                <img src="./蓝铅笔漫步images/30.png" alt="">
                            </div>
                            <h5> <img src="./蓝铅笔漫步images/26.png" alt="">角色原画设计班[阮子斌]</h5>
                            <div class="characteravatars">
                                <img src="./蓝铅笔漫步images/42.jpg" alt="">
                                <span>肥皂君</span>
                                <img src="./蓝铅笔漫步images/153.png" alt="">
                              </div>
                            <div class="student">
                                <div class="student-left">
                                    <span>学习周期：4个月</span>
                                </div>
                                <div class="student-right">
                                    <em>1211766</em>
                                    <span>人感兴趣</span>
                                </div>
                            </div>
                            <div class="direction">
                                <span>就业方向:</span>
                                <a href="#"><i class="iconfont icon-huo"></i> 动画师</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 动画角色设计</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 动画制作</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 立绘三维动画师</a>
                            </div>
                        </li>
                        <li class="specialized-bottom-ul-li">
                            <div class="specialized-img">
                                <img src="./蓝铅笔漫步images/32.png" alt="">
                            </div>
                            <h5> <img src="./蓝铅笔漫步images/26.png" alt="">二次元插画设计班[老肥皂/黑沦]</h5>
                            <div class="characteravatars">
                                <img src="./蓝铅笔漫步images/42.jpg" alt="">
                                <span>肥皂君</span>
                                <img src="./蓝铅笔漫步images/153.png" alt="">
                              </div>
                            <div class="student">
                                <div class="student-left">
                                    <span>学习周期：4个月</span>
                                </div>
                                <div class="student-right">
                                    <em>1695299</em>
                                    <span>人感兴趣</span>
                                </div>
                            </div>
                            <div class="direction">
                                <span>就业方向:</span>
                                <a href="#"><i class="iconfont icon-huo"></i> 商业包装</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 插画设计</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 海报宣发</a>
                            </div>
                        </li>
                        <li class="specialized-bottom-ul-li">
                            <div class="specialized-img">
                                <img src="./蓝铅笔漫步images/33.png" alt="">
                            </div>
                            <h5> <img src="./蓝铅笔漫步images/26.png" alt=""> 日系插画综合班[CPKon]</h5>
                            <div class="characteravatars">
                                <img src="./蓝铅笔漫步images/42.jpg" alt="">
                                <span>肥皂君</span>
                                <img src="./蓝铅笔漫步images/153.png" alt="">
                              </div>
                            <div class="student">
                                <div class="student-left">
                                    <span>学习周期：3个月</span>
                                </div>
                                <div class="student-right">
                                    <em>782331</em>
                                    <span>人感兴趣</span>
                                </div>
                            </div>
                            <div class="direction">
                                <span>就业方向:</span>
                                <a href="#"><i class="iconfont icon-huo"></i> 插画设计</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 同人插画师</a>
                                <a href="#"><i class="iconfont icon-huo"></i> ipad绘画</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 角色设计</a>
                            </div>
                        </li>
                        <li class="specialized-bottom-ul-li">
                            <div class="specialized-img">
                                <img src="./蓝铅笔漫步images/35.gif" alt="">
                            </div>
                            <h5> <img src="./蓝铅笔漫步images/26.png" alt=""> 角色动画师就业班[杨子纩]</h5>
                            <div class="characteravatars">
                                <img src="./蓝铅笔漫步images/42.jpg" alt="">
                                <span>肥皂君</span>
                                <img src="./蓝铅笔漫步images/153.png" alt="">
                              </div>
                            <div class="student">
                                <div class="student-left">
                                    <span>学习周期：4个月</span>
                                </div>
                                <div class="student-right">
                                    <em>463692</em>
                                    <span>人感兴趣</span>
                                </div>
                            </div>
                            <div class="direction">
                                <span>就业方向:</span>
                                <a href="#"><i class="iconfont icon-huo"></i> 立绘设计师</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 美宣插画师</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 自由插画师</a>
                            </div>
                        </li>
                        <li class="specialized-bottom-ul-li">
                            <div class="specialized-img">
                                <img src="./蓝铅笔漫步images/37.png" alt="">
                            </div>
                            <h5> <img src="./蓝铅笔漫步images/26.png" alt="">角色动画师就业班[杨子纩]</h5>
                            <div class="characteravatars">
                                <img src="./蓝铅笔漫步images/36.jpg" alt="">
                                <span>乙人</span>
                                <img src="./蓝铅笔漫步images/153.png" alt="">
                              </div>
                            <div class="student">
                                <div class="student-left">
                                    <span>学习周期：3个月</span>
                                </div>
                                <div class="student-right">
                                    <em>272874</em>
                                    <span>人感兴趣</span>
                                </div>
                            </div>
                            <div class="direction"> 
                                <span>就业方向:</span>
                                <a href="#"><i class="iconfont icon-huo"></i> ipad绘画</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 插画设计</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 同人插画师</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 自由插画师</a>
                            </div>
                        </li>
                        <li class="specialized-bottom-ul-li">
                            <div class="specialized-img">
                                <img src="./蓝铅笔漫步images/152.png" alt="">
                            </div>
                            <h5> <img src="./蓝铅笔漫步images/26.png" alt="">日系插画特训班[口丁]</h5>
                            <div class="characteravatars">
                                <img src="./蓝铅笔漫步images/38.JPG" alt="">
                                <span>DAdonika</span>
                                <img src="./蓝铅笔漫步images/153.png" alt="">
                              </div>
                            <div class="student">
                                <div class="student-left">
                                    <span>学习周期：4个月</span>
                                </div>
                                <div class="student-right">
                                    <em>1695299</em>
                                    <span>人感兴趣</span>
                                </div>
                            </div>
                            <div class="direction">
                                <span>就业方向:</span>
                                <a href="#"><i class="iconfont icon-huo"></i> 商业包装</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 插画设计</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 海报宣发</a>
                            </div>
                        </li>
                        <li class="specialized-bottom-ul-li">
                            <div class="specialized-img">
                                <img src="./蓝铅笔漫步images/75.png" alt="">
                            </div>
                            <h5> <img src="./蓝铅笔漫步images/26.png" alt=""> Procreate角色设计插画特训班[咖喱]</h5>
                            <div class="characteravatars">
                                <img src="./蓝铅笔漫步images/40.jpg" alt="">
                                <span>咖喱</span>
                                <img src="./蓝铅笔漫步images/153.png" alt="">
                              </div>
                            <div class="student">
                                <div class="student-left">
                                    <span>学习周期：2个月</span>
                                </div>
                                <div class="student-right">
                                    <em>925876</em>
                                    <span>人感兴趣</span>
                                   
                                </div>
                            </div>
                            <div class="direction">
                                <span>就业方向:</span>
                                <a href="#"><i class="iconfont icon-huo"></i> 插画设计</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 同人插画师</a>
                                <a href="#"><i class="iconfont icon-huo"></i> ipad绘画</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 角色设计</a>
                            </div>
                        </li>
                        <li class="specialized-bottom-ul-li">
                            <div class="specialized-img">
                                <img src="./蓝铅笔漫步images/76.png" alt="">
                            </div>
                            <h5> <img src="./蓝铅笔漫步images/26.png" alt=""> 角色立绘特训班[青岚燕雨]</h5>
                            <div class="characteravatars">
                                <img src="./蓝铅笔漫步images/77.jpg" alt="">
                                <span>青岚燕雨</span>
                                <img src="./蓝铅笔漫步images/153.png" alt="">
                              </div>
                            <div class="student">
                                <div class="student-left">
                                    <span>学习周期：2个月</span>
                                </div>
                                <div class="student-right">
                                    <em>258904</em>
                                    <span>人感兴趣</span>
                                </div>
                            </div>
                            <div class="direction">
                                <span>就业方向:</span>
                                <a href="#"><i class="iconfont icon-huo"></i> 立绘设计师</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 美宣插画师</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 自由插画师</a>
                            </div>
                        </li>
                        <li class="specialized-bottom-ul-li">
                            <div class="specialized-img">
                                <img src="./蓝铅笔漫步images/78.png" alt="">
                            </div>
                            <h5> <img src="./蓝铅笔漫步images/26.png" alt="">iPad色彩应用与插画创作特训班 [kunatata]</h5>
                            <div class="characteravatars">
                                <img src="./蓝铅笔漫步images/79.jpg" alt="">
                                <span>KUNATATA</span>
                                <img src="./蓝铅笔漫步images/153.png" alt="">
                              </div>
                            <div class="student">
                                <div class="student-left">
                                    <span>学习周期：2个月</span>
                                </div>
                                <div class="student-right">
                                    <em>191584</em>
                                    <span>人感兴趣</span>
                                </div>
                            </div>
                            <div class="direction">
                                <span>就业方向:</span>
                                <a href="#"><i class="iconfont icon-huo"></i> ipad绘画</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 插画设计</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 同人插画师</a>
                                <a href="#"><i class="iconfont icon-huo"></i> 自由插画师</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
       </div>
       <div class="record">
        <p><a href="#">
            <span>首页</span>
                <em>|</em>
                <span>关于我们</span>
                <em>|</em>
                <span>学习服务</span>
                <em>|</em>
                <span>教程中心</span>
                <em>|</em>
                <span>培训课程</span>
                <em>|</em>
                <span>网站地图</span>
                <em>|</em>
                <span>加入我们</span>
                <em>|</em>
                <span>联系我们</span>
            </a>
        </p>
        <p>
            <img src="./蓝铅笔漫步images/63.png" alt="">
            <a href="#">浙公网安备33010602000717号</a>
            <span>Copyright © 2022杭州多技教育科技有限公司</span>
            <a href="#">浙ICP备11056181号-4</a>
        </p>
    </div>
    <div class="mask-box">
        <div class="mask">
            <div class="mask-heart">
                <div class="mask-left">
                    <img src="./蓝铅笔漫步images/126.png" alt="">
                </div>
                <div class="mask-middle">
                    <img src="./蓝铅笔漫步images/127.png" alt="">
                </div>
                <div class="mask-footer">
                    <a href="#"><img src="./蓝铅笔漫步images/128.png" alt=""></a>
                </div>
            </div>
        </div>
        </div>
</body>
</html>